<template>
    <div>
        <input type="text" v-model="value">
    </div>
</template>
<script>
export default {
    data() {
        return {
        }
    },
    props: ['modelValue'], // 接收父传子的属性 (固定的)
    emits: ['update:modelValue'], // 自定义事件实现子传父的传递的自定义事件(固定的)
    computed: {
        value: {
            get() {
                return this.modelValue
            },
            set(val) {
                // 当你修改该value的值的时候, 实现子传父, 将最新的val值传递给
                // 父组件father
                this.$emit('update:modelValue', val)

            }
        }
    }
}
</script>
<style scoped></style>